﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>用户注册页面 </title>
	<link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/signUpPage_css.css">
	<script src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="jQuery/signUpPage_js.js"></script>
</head>
<body onLoad="slidesignUp()">
<div class="col-md-12 col-sm-12 col-xs-12 coverImage" id="bg">
<head class="header" >
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="background-image:linear-gradient(to right,yellowgreen ,green);color:white" >
	<div class="container-fluid " > 
	<div class="navbar-header">
		<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#example-navbar-collapse">
			
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>
	<a class="navbar-brand brand " href="index.jsp" >HOME</a>
	</div>
	<div class="collapse navbar-collapse " id="example-navbar-collapse">
		<ul class="nav navbar-nav navbar-right" >
			<li><a href="#Team">Team</a></li>
			<li><a href="#Source">Source</a></li>
			<li><a href="#Liu">Liu professor</a></li>
			<li class="dropdown">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					Java <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a href="#">伟龙</a></li>
					<li><a href="#">伟龙</a></li>
					<li><a href="#">伟龙</a></li>
					<li class="divider"></li>
					<li><a href="#">伟龙</a></li>
					<li class="divider"></li>
					<li><a href="#">伟龙</a></li>
				</ul>
			</li>
		</ul>
	</div>
	</div>
</nav>
</head>
<br/>
<br/>
<br/>
<br/>


<br/>
<br/>
<br/>
<div class="container" id="signUpTable" style="display:none" >
<form class="form-horizontal"  action="<c:url value='/RegistServlet'/>" method="post">
	<div class="form-group form-group-lg has-success">
		<div class="input-group col-md-6  col-sm-9" >
			<div class="input-group-addon " style="background:#339933;color:white"><span class="glyphicon glyphicon-user "> UserName</span></div>
			<input class="form-control"  type="text" name="userName" placeholder="用户名" required>
		</div>
		
	</div>
	
	
	<div class="form-group form-group-lg has-success">
		<div class="input-group col-md-6  col-sm-9">
			<div class="input-group-addon " style="background:#339933;color:white">
					<span class="glyphicon glyphicon-pencil ">  PassWord</span>
			</div>
				<input class="form-control" type="password" id="password"   placeholder="密码" required>
		</div>
	</div>
	
	
	<div class="form-group form-group-lg has-success">
		<div class="input-group col-md-6  col-sm-9" >
			<div class="input-group-addon " style="background:#339933;color:white"><span class="glyphicon glyphicon-pencil "> PassWord</span></div>
			<input class="form-control" type="password" id="passwordAngin"  name="userPass" placeholder="重复密码" required>
		</div>
		
	</div>
	
	
	<div class="form-group form-group-lg has-success">
		<div class="input-group col-md-6  col-sm-9" >
			<div class="input-group-addon " style="background:#339933;color:white"><span class="glyphicon glyphicon-comment ">  Your-age   </span></div>
			<input class="form-control"  type="text" name="age" id="age" placeholder="年龄" required>
		</div>
		
	</div>
	
	<div class="form-group form-group-lg has-success">
		<div class="input-group col-md-6  col-sm-9" >
			<div class="input-group-addon " style="background:#339933;color:white"><span class="glyphicon glyphicon-envelope " style="letter-spacing:2px">  E-mail   </span></div>
			<input class="form-control"  type="email" id="email" name="email" placeholder="邮箱" required>
		</div>
		
	</div>
	
	<div class="form-group form-group-lg  " style="color:white">
		<div class="input-group col-md-6  col-sm-9" >
			<label class="checkbox-inline">
				<input type="radio"   name="sex" value="男" checked> 男
			</label>
			<label class="checkbox-inline">
				<input type="radio"  name="sex"  value="女"> 女
			</label>
		</div>
	</div>
	
	
	
	
	
	<div class="form-group text-center">
		<div class="col-md-6 col-sm-9">
			<h4 id="tips" style="color:#800000;"></h4>
			<h4 id="tips_2" style="color:red;"></h4>
		</div>
	</div>
	
	<div class="form-group ">
		
			<div class="input-group col-md-6  col-sm-9 col-xs-12" >
				<div class="row ">
					<div class="col-md-7 col-xs-6 col-sm-7">
						<button type="submit" class="btn btn-primary btn-block btn-lg" id="submits" style="text-shadow: black 5px 3px 3px;">
						<span class="glyphicon glyphicon-hand-right" ></span> signUp
						</button>
					</div>
					<div class="col-md-5 col-xs-6 col-sm-5">
						<a href="login.jsp" class="btn btn-lg btn-default btn-block"> Login</a>
					</div>
				</div>
			</div>
	</div>
</form>
</div>
</div>
<input type="text" id="signUpFlag" value="${f }" style="display:none">


</body>
</html>